<mat-card class="card">
  <mat-card-header>
    <h3 mat-card-title>
      {{ 'Snapshots' | translate }}
    </h3>
  </mat-card-header>

  @if (!(dataProvider.isLoading$ | async)) {
    <ix-table
      class="table"
      [ix-table-empty]="!(dataProvider.currentPageCount$ | async)"
      [emptyConfig]="emptyService.defaultEmptyConfig(dataProvider.emptyType$ | async)"
    >
      <thead
        ix-table-head
        [columns]="columns"
        [dataProvider]="dataProvider"
      ></thead>
      <tbody
        ix-table-body
        [columns]="columns"
        [dataProvider]="dataProvider"
      ></tbody>
    </ix-table>
  } @else {
    <div class="spinner-container">
      <mat-spinner [diameter]="40"></mat-spinner>
    </div>
  }
  <ix-table-pager [dataProvider]="dataProvider"></ix-table-pager>
</mat-card>

